$(()=>{
    //获取用户电话号码
    let $iphone=$("#login_username")
    //每秒获取用户历史抽奖记录
    setInterval(()=>{
    //获取用户历史获奖名单
    axios(`http://127.0.0.1:3000/Vote?iphone=${$iphone}`).then(res=>{
        //遍历获取用户对应的商品信息
        for(let i=0;i<res.data.length;i++){
            appendLi(i,res)
            }
        }
    },1000)

    // 创建Turntable对象 （用于旋转）
    var Lottery = Turntable.create();
    // 为按钮绑定事件
    $('.lottery-btn').on('click', function(){
        // 生成随机数
        var num = Math.floor(Math.random() * 8);
        // 开始旋转
        Lottery.start(num, function(index){
            console.log($('span').eq(index).find('i').text());
            console.log('index', index, 'lottery-span', 'lottery-span'+(index+1));
        });
    });

    // 登录按钮
    $('.login').bind('click',(_event) => {
        login();
    });

    // 注册按钮
    $('.register').bind('click',(_event) => {
        register();
    });

    // 登录
    function login(){
        close($('.registers'));
        show($('.login_and_register'));
    };

    // 注册
    function register(){
        show($('.login_and_register'));
    };

    // 元素消失
    function close(ele){
        ele.stop().fadeOut(1000);
    }
    // 元素显示
    function show(ele){
        ele.stop().fadeIn(1000);
    }


    // 用户登录 账号 18264480900 密码 123456
    $('.login_a').bind('click',(event) => {
        console.log('登录');
        // 获取手机号
        var phone = $('#login_username')[0].value;
        //  获取密码
        var password = $('#login_password')[0].value;
        // 判断手机号 受否由11位数字组成
        console.log(phone);
        console.log(password);
        console.log(/^1(3|4|5|6|7|8|9)\d{9}$/);
        console.log((/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone)));
        if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){
            $('.login_condition')[0].innerHTML = "手机号输入错误";
            return false;
        }
        // 判断密码 受否由 6-12 位数字和字母组成
        if(!/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/.test(password)||password.length<6||password.length>12){
           $('.login_condition')[0].innerHTML = "请输入正确的密码";
           return false;
        }

         // 像后端发送数据
        console.log("尝试发送请求");
        axios.post(('/login'),{
            phone:$('#login_username')[0].value,
            password:$('#login_password')[0].value
        }).then( result => {
            if( result.status === 200){
                show($('.login_success'));
                close($('.identity'));
                $(".login_success_nick")[0].innerHTML = $('#login_username')[0].value;
                console.log("登录成功！！！");
            }else{
                console.log("登录失败！！！");
            }

        });
    });

    // 用户注册
    $('.register_a').bind('click',(event) => {
        // 获取手机号
        var phone = $('#register_username')[0].value;
        //  获取密码
        var password = $('#register_password')[0].value;
        // 获取验证码
        var code = $('#register_code')[0].value;
        // 判断手机号 受否由11位数字组成
        if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){
            $('.registers>.register_condition')[0].innerHTML = "手机号输入错误";
            return false;
        }
        // 判断密码 受否由 6-12 位数字和字母组成
        if(!/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/.test(pwd)||pwd.length<6||pwd.length>12){
           $('.registers>.register_condition')[0].innerHTML = "密码必须为6-12位的数字和字母的组合";
           return false;
        }
        // 验证码是否为空
        if($('.registers>.register_code')[0].innerHTML === null){
            $('.registers>.register_condition')[0].innerHTML = "请输入验证码";
            return false;
        }

        // 向后端发送数据 用户账号和密码
    //    try{
    //        axios.post(('/register'),{
    //            phone:$('#register_username')[0].value,
    //            password:$('#register_password')[0].value
    //        }).then( result => {
    //            // 注册成功直接登录
    //            show($('.login_success')[0]);
    //            close($('.login_and_register')[0]);
    //        })
    //    }catch(e){
    //        console.log(e);
    //    }
    });

    // 关闭按钮
    $('.l_close').bind('click',(_event) => {
        // 关闭登录页面
        close($('.login_and_register'));
    })

    $('.r_close').bind('click',(_event) => {
        // 关闭注册页面
        close($('.login_and_register'));
    })

    // 退出
    $(".login_success_username").bind('click',(event) => {
        close($('.login_success'));
        show($('.identity'));
    })


    // 关闭按钮
    $('.l_close').bind('click',(event) => {
        // 关闭登录页面
        close($('.login_and_register'));
    })

    $('.r_close').bind('click',(event) => {
        // 关闭注册页面
        close($('.login_and_register'));
    })


    //动态添加历史获奖名单
    function appendLi(index,res){
        $('.list').append(`<li>恭喜${re.data.iphone}：获得了${re.data.commodity}</li>`)
    }

    //获取当前登录用户
    axios('http://127.0.0.1:3000/login').then(res=>{
        $('.userinfo').text(`当前登录用户：${res.data.iphone}`)
    })

    //点击退出登录
    axios('http://127.0.0.1:300/exit').then(res=>{
        $('.exit').click(()=>{
            alert("成功退出√")
        })
    })

})